<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>实战邦</title>
  <link rel="stylesheet" href="css/main.css" />
  <link rel="stylesheet" href="css/index.css" />
  <script src="js/jquery-3.2.1.slim.min.js"></script>
</head>
<body>
  <div class="container">
    <header>
      <nav>
        <a href="#" class="active">首页</a>
        <a href="project.html">实战项目</a>
        <a href="intro.html">导师介绍</a>
        <a href="about.html">关于我们</a>
      </nav>
      <img src="img/logo.png" />
    </header>
  </div>
  <div class="content">
    <div class="well">
      <div class="container">
        <h1>实战邦</h1><span>实战出真知</span>
        <div>
          学了那么久，还是觉得自己一无所长？简历还是一片空白？<br/>
          你需要的是一个优质的项目，一位名企职业导师，为你打开职业的大门
        </div>
      </div>
    </div>
    <div class="container">
      <div class="part1">
        <h2>实战项目</h2>
        <div>
          <div>没项目经历？没相关经验？简历没亮点？</div>
          <div>跟导师做一个<span style="color:#00c6a0;">企业认证</span>的实战项目，全方位提升求职竞争力！</div>
          <table>
            <tr>
              <td width="1000"><img src="img/project.png" /></td>
              <td width="1000"><img src="img/lesson.png" /></td>
              <td width="1000"><img src="img/teach.png" /></td>
            </tr>
            <tr>
              <td>项目实战</td>
              <td>系统课程</td>
              <td>求职辅导</td>
            </tr>
            <tr>
              <td>实战经企业认证的项目，打造简历中最大的亮点</td>
              <td>学习与项目配套的课程，系统知识边学边用</td>
              <td>解读岗位职业需求，传授简历面试经验</td>
            </tr>
          </table>
        </div>
        <a href="project.html" class="btn">查看详情</a>
      </div>
    </div>
    <div class="part2">
      <div class="container">
        <h2>企业导师</h2>
        <table>
          <tr>
            <td width="25%"><img src="img/mingshi1.png" /></td>
            <td width="25%"><img src="img/mingshi2.png" /></td>
            <td width="25%"><img src="img/mingshi3.png" /></td>
            <td width="25%"><img src="img/mingshi4.png" /></td>
          </tr>
          <tr>
            <td>名企名师</td>
            <td>实用前沿</td>
            <td>高度深度</td>
            <td>尽职尽责</td>
          </tr>
          <tr>
            <td>导师来自百度、腾讯、滴滴、美团<br>等一线名企，均为行业职场佼佼者</td>
            <td>身处一线的人最知道企业实际<br>情况，给你最实用前沿的知识技能</td>
            <td>站在导师的肩膀看行业，<br>拓展眼界，深入学习职业知识</td>
            <td>课程进行期间，全程答疑<br>指导，对每位学员认真负责。</td>
          </tr>
        </table>
        <a href="intro.html" class="btn">查看详情</a>
      </div>
    </div>
  </div>
  <div class="part3">
    <div class="gallery">
      <div>
        <span><img src="img/carousel1.png" /></span><!--
        --><span><img src="img/carousel2.png" /></span><!--
        --><span><img src="img/carousel3.png" /></span><!--
        --><span><img src="img/carousel4.png" /></span>
      </div>
    </div>
    <div class="title">我们曾经帮助这些学校的同学解决过求职困难的问题</div>
    <div class="trackbar">
      <div class="line"></div>
      <div class="container">
        <div><span class="active"></span>北京邮电大学</div><!--
        --><div><span></span>天津大学</div><!--
        --><div><span></span>中国地质大学</div><!--
        --><div><span></span>山东师范大学</div>
      </div>
    </div>
  </div>
  <div class="part4">
    <h2>我们的合作企业与学校</h2>
    <img src="img/logo_wall.png" />
  </div>
  <div class="part5">
    <div class="container">
      <h2>我们分享的更多知识</h2>
      <table>
        <tr>
          <td width="1000"><a href="https://www.zhihu.com/people/handongjun/answers" target="_blank"><img src="img/zhihu.png" /></a></td>
          <td width="1000"><a href="javascript:show('打开微信扫一扫', 'img/qr-weixin.jpg');"><img src="img/wechat.png" /></a></td>
          <td width="1000"><a href="javascript:show('打开QQ扫一扫', 'img/qr-qq.png');"><img src="img/qq.png" /></a></td>
        </tr>
        <tr>
          <td>实战邦知乎专栏</td>
          <td>实战邦微信公众号</td>
          <td>实战邦QQ交流群</td>
        </tr>
      </table>
    </div>
  </div>
  <div class="hr"></div>
  <div class="container">
    <footer>
      <div class="right">
        <nav>
          <a href="#">首页</a>
          <a href="project.html">实战项目</a>
          <a href="intro.html">导师介绍</a>
          <a href="about.html">关于我们</a>
        </nav>
        <div class="info">
          <img src="img/telephone.png">
          <span>0086-18810541491</span>
        </div>
        <div class="info">
          <img src="img/email.png">
          <span>contact@shizhanmentor.com</span>
        </div>
        <div class="info">
          <img src="img/position.png">
          <span>北京市海淀区中关村创业大街昊海楼</span>
        </div>
      </div>
      <div class="left">
        <img src="img/qrcode.png" />
        <div class="logo">
          <img src="img/logo-tiny.png" />
          <div>实战出真知</div>
        </div>
        <div class="beian">实战帮由北京君宏科技有限公司开放许可 | 京ICP备15019226号-1</div>
      </div>
    </footer>
  </div>
  <div class="coverbg hidden"></div>
  <div class="cover hidden">
    <div class="title">打开微信扫一扫</div><span class="close">×</span>
    <img src="img/qr-weixin.jpg" />
  </div>
  <script src="js/index.js"></script>
</body>
</html>